@charset "utf-8";
$fontsize:40;
@function r($px) {
    @return $px/$fontsize * 1rem;
}

.web {
    .section-1{
         bottom: r(98);
    }
    .activity {
        .activity1 {font-size: r(30);
            ul {
                .s1 {
                    font-size: r(30);
                    span {
                        display: block;
                        width: r(18);
                        height: r(18);
                        border-radius: 50%;
                        background: #e659bc;
                        float: left;
                        margin-top: r(5);
                        margin-right: r(20);
                    }
                }
            }
        }
        .comment {
            
            img {
                width: 100%;
                height: r(388);
            }
        }
        .comment1 {
            width: 100%;
            height: r(300);
            border-bottom: r(1) solid #D9D9D9;
            .c2 {
                line-height: r(54);
                margin-left: r(30);
                a i {
                    font-size: r(30);
                }
                span{
                    font-size: r(30);
                    color: #d9d9d9;
                }
            }
            .c3 a i{
                
                color: red;
            }
            .c4 a i{
                color: #000000;
            }
            p{
                font-size:r(10) ;
                line-height: r(60);
                
                span{
                    margin:r(30);
                }
            }
            .s3{
                width: r(580);
                height: r(60);
                margin: 0 auto;
                font-size: r(26);
                color: #a29c9c;
            }
            .s2{
                color: #009fe8;
            }
            .s1{
                color: #d9d9d9;
            }
        }
    }
}